$table-border-color: var(--b3-border-color);

$table-header-bg: var(--b3-theme-surface);

$table-row-odd-bg: var(--b3-theme-surface-light);
$table-row-even-bg: var(--b3-theme-surface-lighter);

$table-text-color: var(--b3-theme-on-surface);
// $table-font-family: 'Arial', sans-serif;

.table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 2px solid $table-border-color;
    // border-radius: 8px;
    overflow: hidden;
    // font-family: $table-font-family;
    color: $table-text-color;

    th,
    td {
        padding: 12px 15px;
        border-bottom: 1px solid $table-border-color;
        text-align: left;
    }

    th {
        background-color: $table-header-bg;
        font-weight: bold;
        // font-size: 1rem;
        border-bottom: 2px solid $table-border-color;
    }

    tbody tr {
        background-color: $table-row-odd-bg;
    }
    tbody tr:nth-child(even) {
        background-color: $table-row-even-bg;
    }

    tbody tr:last-child td {
        border-bottom: none;
    }

    th:first-child,
    td:first-child {
        border-left: none;
    }

    th:last-child,
    td:last-child {
        border-right: none;
    }
}